@mixin flexCenter($itemsCenter: center, $contentCenter: center, $flexDirection: default) {
  display: flex;
  align-items: $itemsCenter;
  justify-content: $contentCenter;
  flex-direction: $flexDirection;
}

.flex-center {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  @include flexCenter;
  &-item {
    width: 50%;
    height: 100%;
    @include flexCenter;
    &.right {
      height: 100%;
      @include flexCenter($contentCenter: space-between,$flexDirection: column);
    }
  }
}
